<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"
    pageEncoding="UTF-8"%>
    <%String path=request.getContextPath(); %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>在线宠物店</title>

 	<jsp:include page="../import.jsp"/>
    
</head>

<body onload="show()" class="fixed-sidebar full-height-layout gray-bg" style="overflow:auto;"><!-- style="overflow:hidden" -->
    <%
	/* UserEntity user = (UserEntity)session.getAttribute("user"); */
	%>
	<input id="job_numberInput" type="hidden" name="student_nameInput" value="秋月"> 
    
        <!--左侧导航开始-->
         <jsp:include page="head.jsp"></jsp:include>
        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <div class="row border-bottom">
                 <!-- 顶部导航 -->
                   <jsp:include page="topHead.jsp"></jsp:include>
            </div>
            
          
            <div class="row J_mainContent" id="content-main">
            <!-- 添加 首页的相关操作 -->
            
            <div class="wrapper wrapper-content animated fadeIn">
		        <div class="row">
   
		            <div class="col-sm-9">
		                <div class="ibox float-e-margins">
		                    <div class="ibox-title" >
		                        <h5>♡ 微笑天使 ♡</h5>
		                        <div class="ibox-tools">
		                            <a class="collapse-link">
		                                <i class="fa fa-chevron-up"></i>
		                            </a>
		                       
		                            <a class="close-link" id="informDiv">
		                                <i class="fa fa-times"></i>
		                            </a>
		                        </div>
		                    </div>
		                    <div class="ibox-content" id="informNextDiv" style="height:300px;overflow:auto;">
							                        萨摩耶犬（英语：Samoyed）是狐狸犬家族的一员，<br/>
									<br/> 原是西伯利亚的原住民萨摩耶族培育出的犬种。
									<br/>
									<br/> 特征是萨摩耶的笑容，看起来永远在笑的样子喜欢亲近人。
									<br/>
									<br/> 除了温和的个性也以忍耐力跟健壮著称，原是用来拉雪橇跟看守驯鹿，
									<br/>
									<br/> 也曾被西方探险家用来从事极地探险的任务。原有多种毛色黑、黑白、黑褐。
									<br/>
									<br/> 但十九世纪时毛皮商人认为白色会最受欢迎而大量输出白萨摩耶犬到欧美。
		                    </div>
		                    
		                </div>
		            </div>
		            
		             <div class="col-sm-3">
		             	 <div class="ibox float-e-margins" style="overflow:auto;height:340px;">
                    			<img alt="300" src="<%=path%>/images/samoquan.jpg" width=100% height=100% style="overflow:auto;">
              			  </div>
		             </div>
		             
		             
		             <!-- two dog -->
		             
		               <div class="col-sm-9">
		               
		                <div class="ibox float-e-margins">
		                    <div class="ibox-title" >
		                        <h5>♡ 秋田犬 ♡</h5>
		                        <div class="ibox-tools">
		                            <a class="collapse-link">
		                                <i class="fa fa-chevron-up"></i>
		                            </a>
		                       
		                            <a class="close-link" id="informDiv">
		                                <i class="fa fa-times"></i>
		                            </a>
		                        </div>
		                    </div>
		                    <div class="ibox-content" id="informNextDiv" style="height:300px;overflow:auto;">
		                       	<br /> 是日本的国犬，它的祖先,被称呼为“秋田マタギ”的マタギ犬（山地狩猎犬）。
								<br/> 本来在日本犬里大型狗是不存在的，秋田マタギ是中型的熊猎犬。除了协助猎熊外，
								<br />
								<br /> 它亦利用来捕鹿和野猪。秋田犬的体态均衡，背部直挺，胸部及腰部肌肉结实，粗大厚实的尾巴会
								<br />
								<br /> 在背上卷成一到两圈的样子。它的脚趾间有蹼，所以善于游泳。因为它的皮毛有天然防水能力，所以若洗澡太频密会影响防水能力。
		                    </div>
		                    
		                </div>
		            </div>
		            
		             <div class="col-sm-3">
		             	 <div class="" style="overflow:auto;height:340px;">
                    			<img alt="300" src="<%=path%>/images/qiutianquan.jpg" width=100% height=100% style="overflow:auto;">
              			  </div>
		             </div>
		          
		    </div>
            
             <!--  -->
        	</div>
        </div>
        <!--右侧部分结束-->
    </div>

	<div class="col-sm-12">
 		<footer style="text-align: center;"> 
        	<p style="margin: 0 auto;">LV犬舍 版权所有 微信号：LILISAMO 电话：13952878308,13222416810 QQ:992317360 新浪微博：992317360@qq.com 
        		<br />
        		技术支持：LV犬舍网站
        	</p>
        </footer>
	
	</div>

	<script type="text/javascript">
			 /* $(function (){ */
				//*********************** 方法 三    淡入淡出
							//需求: 点击标题后 显示 标题下面的div
					$("#informDiv").bind("click",function(){
						var $div = $("#informNextDiv");
						if($div.is(":visible") ){ //div显示的
							//隐藏
							$div.fadeOut();
						}else{
							//显示
							$div.fadeIn();
						}
					});
	 
			/* }); */
				
	</script>

	 
</body>

</html>
